.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body{
    background: #eeeeee;
    .header{
        .px2rem(height, 100);
        width:100%;
        background: #ffffff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        left:0;
        top:0;
        z-index: 99;
        .left{
            .px2rem(font-size, 30);
            .px2rem(margin-left, 30);
            color:skyblue;
        }
        .center{
            .px2rem(font-size, 30);
        }
        .right{
            .px2rem(font-size, 60);
            .px2rem(margin-right, 30);
            .px2rem(margin-top, -40)
        }
    }
    .banner{
        img{
            width: 100%;
            .px2rem(margin-top, 100);
        }
    }
    .section{
        ul{
            li{
                float: left;
                width:50%;
                text-align: center;
                .px2rem(line-height, 100);
            }
            .on{
                background: #06a6f8;
            }
        }
    }
    .swiper-container{
        .px2rem(margin-top, 100);
        .swiper-wrapper{
            .swiper-slide{
                .main{
                    width: 100%;
                    .px2rem(height, 220);
                    border-bottom: 1px solid #ccc;
                    background: #ffffff;
                    .left{
                        width:45%;
                        float: left;
                        img{
                            .px2rem(margin-left, 60);
                            .px2rem(margin-top, 20);
                        }
                    }
                    .right{
                        width: 55%;
                        float: right;
                        .p1{
                            .px2rem(line-height, 80);
                        }
                        .p2{
                            .px2rem(line-height, 80);
                            color: red;
                        }
                        .p3{
                            color: #666;
                            text-decoration: line-through;
                        }
                    }
                }
            }
        }
    }
    .guide{
        .px2rem(width, 300);
        .px2rem(height, 378);
        background: rgba(102,102,102,.8);
        position: fixed;
        .px2rem(top, 100);
        right:0;
        z-index: 100;
        display: none;
        ul .iconfont{
            .px2rem(line-height, 124);
            border-bottom: 1px solid #ffffff;
            text-align: center;
            .px2rem(font-size, 46);
            color: #ffffff;
            span{
                .px2rem(font-size, 32);
                .px2rem(padding-left, 14);
            }
        }
        ul li:last-child{
            border: none;
        }
    }
}